<template>
	<view>
		<view @click="gotoStudentInfo(StudentFindPass.stuId)">
			<view class="bgc"></view>
			<view class="info_item">
				<view class="item_ico">
					<image src="../../../../static/img/peo2.png"></image>
				</view>
				<view class="item_context">
					<!-- {{StudentFindPass.className}} -->
					<view class="context_title">{{StudentFindPass.className}}</view>
					<view class="context_info">
						<!-- {{StudentFindPass.name}} -->
						<view class="context_info_name">{{StudentFindPass.name}}</view>
						<!-- {{StudentFindPass.pname}} -->
						<view class="context_info_name1">{{StudentFindPass.pname}}</view>
					</view>
				</view>
				<view class="item_end">
					<view >2020-01-20</view>
					<view v-if="ColorType==1" class="Item_status_y">已通过</view>
					<view v-if="ColorType==2" class="Item_status_w">未通过</view>
					<view v-if="ColorType==3" class="Item_status_w">已撤销</view>
					<view v-if="ColorType==0" class="Item_status_d">待审核</view>
				</view>
			</view>
			<view class="bgc2"></view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			ColorType:{
				type:Number,
				default:1
			},
			StudentFindPass:{
				type:Object,
				default:{}
			}
		},
		methods:{
			gotoStudentInfo(index){
				uni.navigateTo({
					url:"/pages/status02/studentInfo/studentInfo?key="+index,
					fail(res) {
						console.log(res)
					},
					success(res) {
						console.log(res)
					}
				})
			}
		}
	}
</script>

<style>
	.bgc {
		background-color: #F5F5F5;
		height: 7rpx;
	}
	
	.bgc2 {
		background-color: #F5F5F5;
		height: 1rpx;
	}
	
	.info_item {
		margin: 10rpx;
		display: flex;
		align-items: center;
	}
	
	.item_ico {
		flex: 1;
	}
	
	.item_ico image {
		border-radius: 100%;
		width: 120rpx;
		height: 120rpx;
	}
	
	.item_context {
		flex: 3;
		margin-left: 15rpx;
	}
	
	.context_title {
		font-size: 16px;
		font-family: .PingFang SC;
		font-weight: 400;
		line-height: 22px;
		color: rgba(78, 78, 78, 1);
		opacity: 1
	}
	
	.context_info {
		margin-top: 10rpx;
		display: flex;
	}
	
	.context_info_name {
	
		font-size: 14px;
		font-family: .PingFang SC;
		font-weight: 400;
		line-height: 20px;
		color: rgba(78, 78, 78, 0.80);
		
		opacity: 1;
		margin-right: 15rpx;
	}
	
	.context_info_name1 {
	
		font-size: 12px;
		font-family: .PingFang SC;
		font-weight: 400;
		line-height: 20px;
		color: rgba(78, 78, 78, 0.80);
		
		opacity: 1;
		margin-right: 15rpx;
	}
	
	.item_end {
		flex: 1.5;
		font-size:12px;
		font-family:.PingFang SC;
		font-weight:400;
		line-height:17px;
		
		opacity:1;
	}
	.Item_status_w{
		margin-top: 15rpx;
		color:rgba(78,78,78,0.60); /*//未通过 */
		 /*color:rgba(53,197,82,1);//已通过 */
		/* color:rgba(53,125,197,1);//待审核 */
	}
	.Item_status_y{
		margin-top: 15rpx;
		/*color:rgba(78,78,78,0.60); //未通过 */
		 color:rgba(53,197,82,1);/*//已通过 */
		/* color:rgba(53,125,197,1);//待审核 */
	}
	.Item_status_d{
		margin-top: 15rpx;
		/*color:rgba(78,78,78,0.60); //未通过 */
		 /*color:rgba(53,197,82,1);//已通过 */
		color:rgba(53,125,197,1);/* //待审核 */
	}
</style>
